4
4
.
.
3
3
.
.
1
1
D
D
i
i
v
v
i
i
d
d
e
e
r
r
I
I
n
n
f
f
o
o
Divider inserts horizontal line between Child Views of Column Container.
Syntax
import androidx.compose.foundation.layout.Divider
Divider(
modifier = Modifier.border(2.dp, Color.Magenta),
color = Color.Blue,
thickness = 10.dp,
startIndent = 30.dp
)
E
E
x
x
a
a
m
m
p
p
l
l
e
e
In this example we create Dividers by defining color and width.
MainActivity.kt
package com.example.myapplication
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.Text
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.*
import androidx.compose.material.Divider
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.setContent
import androidx.compose.ui.unit.dp
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
Column(Modifier.fillMaxSize()) {
Text("First" , Modifier.padding(10.dp))
Divider()
Text("Second", Modifier.padding(10.dp))
Divider(color = Color.Green)
Text("Third" , Modifier.padding(10.dp))
Divider(
modifier = Modifier.border(2.dp, Color.Magenta),
color = Color.Blue,
thickness = 10.dp,
startIndent = 30.dp
)
}
}
}
}
Output
